<template>
  <!-- <keep-alive>
    <router-view></router-view>
  </keep-alive> -->
  <main-tabbar></main-tabbar>
  <div class="w">
    <router-view v-slot="{ Component }">
      <keep-alive>
        <component
          :is="Component"
          :key="$route.id"
          v-if="$route.meta.keepAlive"
        />
      </keep-alive>
      <component :is="Component" v-if="!$route.meta.keepAlive" />
    </router-view>
  </div>
  <mes-bottom-bar></mes-bottom-bar>
</template>

<script>
import MainTabbar from "./components/content/MainTabbar";
import MesBottomBar from "./components/content/MesBottomBar";

export default {
  name: "App",
  data() {
    return {
      message: "welcome in cky mall",
    };
  },
  components: {
    MainTabbar,
    MesBottomBar,
  },
};
</script>

<style>
@import "assets/css/base.css";
</style>